<template>
	<view class="myCard" @click="gotoDetailFun">
		<view class="cardTopName">{{item.invoice_rece_no}}</view>
		<view class="cardRow">
			<view>公司名称：</view>
			<view>{{item.supplier_name}}</view>
		</view>
		<view class="cardRow">
			<view>收票金额：</view>
			<view>{{item.money}}</view>
		</view>
		<view class="cardRow">
			<view>收票日期：</view>
			<view>{{item.handle_date}}</view>
		</view>
		<view class="cardRow">
			<view>发票类型：</view>
			<view>{{item.invoice_type}}</view>
		</view>
		<view class="fzrAbsolute">
			<text class="fzrLeft">经手人：</text>
			<text class="fzrRight">{{item.handle_user_name}}</text>
		</view>
		<view v-if="!isDetail && !isSelect" class="lookDetail">
			<text>查看详情</text>
			<u-icon name="arrow-right" size="36"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: () => {}
			},
			index: {
				type: Number,
				default: 0
			},
			isSelect: {
				type: Boolean,
				default: false
			},
			isDetail: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			gotoDetailFun: function() {
				if(this.isSelect) {
					return
				}
				uni.$invoiceReceInfo = this.item;
				uni.navigateTo({
					url: '/pages/crm/fin_invoice_rece/detail?index=' + this.index
				})
			}
		}
	}
</script>

<style>
	.progress {
		width: 200rpx !important;
		margin-left: 26rpx;
	}
	.fzr {
		position: absolute;
		right: 26rpx;
		bottom: 74rpx;
		font-size: 15px;
	}
	.fzrLeft {
		color: #ADADAD;
	}
	.fzrRight {
		font-weight: bold;
		color: #ff941a;
	}
</style>

